<%--
  Created by IntelliJ IDEA.
  User: jaovo
  Date: 2020/5/20
  Time: 16:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>登录页面</title>
    <%@include file="/common/header.jsp"%>
</head>
<body>
    <div id="root">
        <card style="width: 30%;margin: 100px auto">
            <p slot="title">
                用户登录
            </p>
            <i-form style="width: 60%;margin: 20px auto;" action="${pageContext.request.contextPath}/login" method="post">
                <c:if test="${not empty loginErr}">
                    <alert type="error" show-icon>${loginErr}</alert>
                </c:if>
                <form-item>
                    <i-input prefix="ios-contact" name="username" placeholder="请输入用户名" size="large"></i-input>
                </form-item>
                <form-item>
                    <i-input prefix="ios-lock" name="password" type="password" placeholder="请输入密码" size="large"></i-input>
                </form-item>
                <form-item>
                    <i-button html-type="submit" type="primary" style="margin-left: 100px">登录</i-button>
                </form-item>
            </i-form>
        </card>
    </div>
</body>
<script>
    new Vue({
        el:"#root"
    })
</script>
</html>
